<?php echo $this->render('header-metta.phtml'); ?>
<?php echo $this->render('header.phtml'); ?>
<div id="container">
	<div id="bodyArea">
		<div>
			Fill-up the form to create a jumpsite.<br />
			<b>*Required fields</b>
		</div>
		<form action="<?php echo $this->webInfo; ?>Createjumpsite" method="post">
		<div id="bodyWhite">
			<div class="registrationContent" title="Jumpsite Name and Description">
				<h3>Jumpsite Name and Description.</h3>
				*Jumpsite Name: 
				<input type="text" id="groupName" name="groupName" value="<?php echo $this->groupName; ?>" maxlength="150" size="50" /><br />
				*Description:
				<input type="text" id="groupDescription" name="groupDescription" maxlength="1000" ="<?php echo $this->groupDescription; ?>" size="50"/><br />
			<div class="warning"><?php echo $this->jumpsiteNameDescriptionError; ?></div>
			</div>
			
			<div class="registrationContent" title="Choose access type of your group">
				<h3>Choose access type of your group.</h3>
				<select name="accessType">
				  <option value="public">Open for Everyone (Public)</option>
				  <option value="private">Exclusive for Jumpsite Members only (Private)</option>
				</select>
			<div id="msg">
				<?php echo $this->accessTypeError;?>
			</div>
				Public access will allow everyone to view your jumpsite. Private needs an invite or approval when joining the jumpsite.
			</div>
			
			<div class="registrationContent" title="Your Group Category">
				<h3>Your group category</h3>
				<select name="jumpsiteCategory">
				<?php foreach ($this->jumpsiteCategory as $category): ?>
				  <option value="<?php echo $category->id; ?>"><?php echo $category->name; ?></option>
				<?php endforeach; ?>
				</select>
				<div class="warning"><?php echo $this->passwordError; ?></div>
				Strong passwords contain 7-16 characters, do not include common words or names, and combine three of these character types: uupercase letters, lowercase letters, numbers, or symbols.
			</div>
			
			<div class="registrationContent" title="Jumpsite Avatar Upload">
				<h3>Jumpsite Avatar</h3>
				Please choose avatar
Transformed select:<br/> 
			<select name="groupAvatar">
			<?php foreach ($this->groupAvatar as $avatar): ?>
			<option value="<?php echo $avatar->id; ?>"><?php echo $avatar->filename; ?></option>
			<?php endforeach; ?>
			</select>
				<div class="warning"><?php echo $this->charactersFromImageError; ?></div>
				It is for jumpsite thumbnail identification. The file must be .jpg, .png or gif
			</div>
			
			<div class="registrationContent" title="favicon">
				<h3>Jumpsite favicon</h3>
			Please choose favicon<br/>
			<select name="favicon">
			<?php foreach ($this->faviconList as $favicon): ?>
			<option value="<?php echo $favicon->id; ?>"><?php echo $favicon->name; ?></option>
			<?php endforeach; ?>
			</select>
			<div class="warning"><?php echo $this->charactersFromImageError; ?></div>
			Favicon is for jumpsite icon.  It should have the extension of .ico 
			</div>
			<div class="registrationContent">
				<h3>Review and accept the agreements.</h3>
				<center>
				Clicking I accept means that you agree to the <a href="">Groupjump Agreement and Privacy Statement.</a><br />
				<input name="accept" type="submit" value="I accept" />
				<input name="clear" type="reset" />
				</center>
			</div>
		</div>
		</form>
	</div>
</div>
<?php echo $this->render('footer.phtml'); ?>	